<html xmlns:th="http://www.thymeleaf.org">
<footer th:fragment="footer">
<!-- jQuery, Bootstrap, jQuery plugins and Custom JS code -->
<script src="js/vendor/jquery-2.2.4.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/app.js"></script>

<script type="text/javascript">

    //    document.querySelector(".lf").href += "?"+Math.random();
    jQuery(document).ready(function ($) {
        $('.sidebar-nav a').each(function () {
            let href = $(this).attr('href') + "?rand=" + Math.random();
            $(this).attr("href", href);
        });
    });	

    //    onload="this.height=this.contentWindow.document.body.scrollHeight;"
    $("#content-iframe").load(function () {
        //$(this).height(0);
		//var height = $(this).contents().find("body").height()+60;
        $(this).height(1200); // 动态调整iframe的高度以适应不同高度的显示器
    });
    
    var form_submit_onclick=function(id,url){
            $.ajax({
                method:"POST",
     　　	data:$("#"+id).serialize(),//jq提供的获取form表单数据的快捷方式，通过form内标签的name属性{"username":"admin","passwd":"123456"}
                dataType:"JSON",
                url:url,
                success:function(data){
                    if(data.status==1){
                    	if("updateCommisForm" == id){//自动跳转判断自己传值判断
                    		alert("保存成功");
                        	window.location.href="getCommisList";
                    	}else if("commisDeleteFrom" == id){
                    		alert("删除成功");
                    		window.location.href="getCommisList";
                    	}else if("approvalCommisForm" == id){
                    		alert("成功");
                    		window.location.href="approvalCommisList";
                    	}else if("addbankMetaForm" == id){
                    		alert("保存成功");
                    		window.location.href="getListOfBank";
                    	}else if("bankDeleteFrom" == id){
                    		alert("删除成功");
                    		window.location.href="getListOfBank";
                    	}else if("applyCompleteFrom" == id){
                    		window.location.href="getApplyList";
                    	}
                    }else{
                        alert(data.text)
                    }
                },
            error:function(e){
            	console.log(e)
            }
                
            });
        };
        var formatdate=function(time){
        	var myDate = new Date(time);
        	var Y=myDate.getFullYear() ;
        	var M=myDate.getMonth()+1;
        	var D=myDate.getDate();
        	var H=myDate.getHours();
        	var mm=myDate.getMinutes();
        	var ss=myDate.getSeconds();
        	if(H<10){
        		H="0"+H;
        	}
        	if(mm<10){
        		mm="0"+mm;
        	}
        	if(ss<10){
        		ss="0"+ss;
        	}
        	return Y+"-"+M+"-"+D+" "+H+":"+mm+":"+ss;
        }
			
</script>
<!-- <script type="text/javascript">
	// 第一个chart
    var myChart1 = echarts.init(document.getElementById('bar'));
    var option1 = {
        title: {
            text: 'Top 10'
        },
        tooltip: {},
        legend: {
            data: ['订阅数']
        },
        xAxis: {
            data: ["Topic1", "Topic2", "Topic3", "Topic4", "Topic5", "Topic6", "Topic7", "Topic8", "Topic9", "Topic10"]
        },
        yAxis: {},
        series: [{
            name: '订阅数',
            type: 'bar',
            data: [5, 20, 36, 10, 10, 20, 15, 28, 3, 50]
        }]
    };
    myChart1.setOption(option1);
	// 第二个chart
    var myChart2 = echarts.init(document.getElementById('line'));
    option2 = {
        title: {
            text: '心跳监控'
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['主服务器', '备用服务器']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '备用服务器',
                type: 'line',
                stack: '总量',
                data: [120, 132, 101, 134, 90, 230, 210, 132, 101, 134, 90, 230, 101, 134, 90, 230, 210]
            },
            {
                name: '主服务器',
                type: 'line',
                stack: '总量',
                data: [820, 932, 901, 934, 1290, 1330, 1320, 932, 901, 934, 1290, 1330, 934, 1290, 1330, 1320, 932]
            }
        ]
    };
    myChart2.setOption(option2);
    // 小的第1个chart
    var mySmallChart1 = echarts.init(document.getElementById('demo1'));
    optionSmall1 = {
        title: {
            
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['活跃消息']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '活跃消息',
                type: 'line',
                stack: '总量',
                data: [120, 132, 101, 134, 90, 230, 210, 132, 101, 134, 90, 230, 101, 134, 90, 230, 210]
            }
        ]
    };
    mySmallChart1.setOption(optionSmall1);
    // 小的第2个chart
    var mySmallChart2 = echarts.init(document.getElementById('demo2'));
    optionSmall2 = {
        title: {
            
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['延迟消息']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '延迟消息',
                type: 'line',
                stack: '总量',
                data: [120, 132, 101, 222, 203, 230, 110, 132, 99, 134, 90, 530, 101, 134, 90, 230, 150]
            }
        ]
    };
    mySmallChart2.setOption(optionSmall2);
    // 小的第3个chart
    var mySmallChart3 = echarts.init(document.getElementById('demo3'));
    optionSmall3 = {
        title: {
            
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['不可见消息']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '不可见消息',
                type: 'line',
                stack: '总量',
                data: [120, 132, 101, 222, 203, 230, 110, 132, 99, 134, 90, 530, 101, 134, 90, 230, 150]
            }
        ]
    };
    mySmallChart3.setOption(optionSmall3);
    // 小的第4个chart
    var mySmallChart4 = echarts.init(document.getElementById('demo4'));
    optionSmall4 = {
        title: {
            
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['发送消息请求量']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '发送消息请求量',
                type: 'line',
                stack: '总量',
                data: [120, 132, 101, 222, 203, 230, 110, 132, 99, 134, 90, 530, 101, 134, 90, 230, 150]
            }
        ]
    };
    mySmallChart4.setOption(optionSmall4);
    // 小的第4个chart
    var mySmallChart5 = echarts.init(document.getElementById('demo5'));
    optionSmall5 = {
        title: {
            
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['接收消息请求量']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '接收消息请求量',
                type: 'line',
                stack: '总量',
                data: [120, 132, 101, 222, 203, 230, 110, 132, 99, 134, 90, 530, 101, 134, 90, 230, 150]
            }
        ]
    };
    mySmallChart5.setOption(optionSmall5);
    // 小的第4个chart
    var mySmallChart6 = echarts.init(document.getElementById('demo6'));
    optionSmall6 = {
        title: {
            
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['接收消息请求量']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '接收消息请求量',
                type: 'line',
                stack: '总量',
                data: [120, 132, 101, 222, 203, 230, 110, 132, 99, 134, 90, 530, 101, 134, 90, 230, 150]
            }
        ]
    };
    mySmallChart6.setOption(optionSmall6);
    // 小的第4个chart
    var mySmallChart7 = echarts.init(document.getElementById('demo7'));
    optionSmall7 = {
        title: {
            
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['批量接收消息请求量']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '批量接收消息请求量',
                type: 'line',
                stack: '总量',
                data: [120, 132, 101, 222, 203, 230, 110, 132, 99, 134, 90, 530, 101, 134, 90, 230, 150]
            }
        ]
    };
    mySmallChart7.setOption(optionSmall7);
    // 小的第4个chart
    var mySmallChart8 = echarts.init(document.getElementById('demo8'));
    optionSmall8 = {
        title: {
            
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['批量删除请求量']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '24:00']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '批量删除请求量',
                type: 'line',
                stack: '总量',
                data: [120, 132, 101, 222, 203, 230, 110, 132, 99, 134, 90, 530, 101, 134, 90, 230, 150]
            }
        ]
    };
    mySmallChart8.setOption(optionSmall8);
</script> -->
</footer>
